<!-- Created Time:23/07/18 16:14:02 -->
<!-- Created By: Mande.Huang-->
<!-- Description: -->
<template>
  <div :class="`notification-wrapper ${!$store.state.showDesktopNotifications ? 'relative' : ''
    }`">

  </div>
</template>

<script>
import NotificationItem from "./NotificationItem.vue";

export default {
  name: "NotificationList",
  data() {
    return {

    }
  },
  created() {

  },
  methods: {

  },
  mounted() {

  }
}
</script>
<style lang="scss" scoped>
.notification-wrapper {
  position: absolute;
  bottom: 10px;
  right: 10px;
  display: flex;
  flex-direction: column;
  gap: 7px;

  &.relative {
    position: relative;
    bottom: 0;
    right: 0;

    .notification-item {
      width: 100%;
    }
  }
}
</style>
